<template>
    <transition name="drop">
      <div class="dailog-warrper">
       	<div class="dailog-cover" @click="closeDailog"></div>
      	      <div class="dailog">
                 <div class="close-dailog" @click="closeDailog"></div>
      	            <slot></slot>
         	</div>
      </div>
    </transition>
</template>
<script>
  export default {
    data () {
      return {}
    },
    methods: {
      closeDailog () {
        this.$emit('close')
      }
    }
  }
</script>
<style lang='less'>
@import '../common/style/dailog.less';
</style>